<html>
	<head>
	<meta charset="utf-8">
		<title>
			大美新疆欢迎你！
		</title>
		<style>
			body{
			background-image: url("image/小熊.jpg");
			background-size: 100%;
	}
		.con {
    position: relative;
}
.nav > li {
    display: inline;
    float:left;
}
.nav li a {
    color: #FFFF0F;
    display: block;
    line-height: 20px;
    padding: 15px 30px 15px 148px;
}
.con:hover {
    cursor: pointer;
}
.con:hover .con-box{
     transform: translateZ(-25px) rotateX(90deg);
}
.con-box {
     transition: all .3s ease-out;
    transform: translatez(-25px);
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
}
.cont {
    transform: rotatex(0deg) translatez(25px);
}
.back {
    transform: rotatex(-90deg) translatez(25px);
    color: #BD06DE;
}
.cont, .back {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background:#8d9dea;  
    padding: 15px 30px 15px 31px;
    color: white;
    box-sizing: border-box;
}
.nav li a:hover .cont,  
.nav li a:hover .back {
    background-color:#4A6DC0;
}
</style>
		
		<link href="../CSS/Untitled-4.css" rel="stylesheet" type="text/css" media="all">

		<script type="text/javascript" src="js/demo.js"></script>
	</head>
	<body>
	<table width="1001" height="725" celspacing="0">
	<span style="text-align: center">		
	<div>
		<ul class="nav">
    <li><a href="index.html" class="con"> 0000 <span class="con-box"><span class="cont">个人首页</span><span class="back"><span style="font-size: 21px">Let's go back!</span></span>
    </span> </a></li>
    <li><a href="个人简介.html" class="con"> 1111 <span class="con-box"><span class="cont">个人简介</span><span class="back"><span style="font-size: 21px">个人简介</span></span></span> </a></li>
    <li><a href="我的家乡.html" class="con"> 1111 <span class="con-box"><span class="cont">我的家乡</span><span class="back"><span style="font-size: 21px">新疆</span></span></span> </a></li>
    <li><a href="我的爱好.html" class="con"> 1111 <span class="con-box"><span class="cont">我的爱好</span><span class="back"><span style="font-size: 21px">跳舞</span></span></span> </a></li>
    <li><a href="我的榜样.html" class="con"> 1111 <span class="con-box"><span class="cont">我的榜样</span><span class="back"><span style="font-size: 21px">袁隆平</span></span></span> </a></li>
  </ul>
</div>
</span>				
	        <tr style="height:50px;text-align:center;background:#3f9bec;color:white;">
				
				<td>
				<a href="新疆简介.html">新疆简介 </a></td>
				<td>
				<a href="新疆美景.html">家乡美景 </a></td>
				<td>
				<a href="新疆美食.html">家乡美食 </a></td>
				
			</tr>
			<tr>
			    <td colspan="5" style="text-align:center;background:#FCFCFC;">   
					<img src="image/图片1.png" width="1000px" alt="">
				</td>			
			</tr>
			<tr style="height:50px;text-align:center;background: #FCFCFC;">
				<td colspan="5" style="font: size 8em;color:rgb(17, 164, 255)">
					
				<p>welcome to XJ！</p></td>
			</tr>
		</table>
	</body>
</html>